<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta charset="utf-8" name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>售后服务-首页</title>
<link rel="stylesheet"
	href="../../components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet"
	href="../../components/datetimepicker/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet"
	href="../../components/bootstrapValidator/css/bootstrapValidator.css"
	type="text/css" />
<script type="text/javascript"
	src="../../components/jquery2.1.1/jquery.min.js"></script>
<script type="text/javascript"
	src="../../components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="../../components/datetimepicker/js/bootstrap-datetimepicker.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../../components/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../../components/bootstrapValidator/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="../../js/common/common.js"></script>
<script type="text/javascript" src="../../js/maintain/index.js"></script>

<style type="text/css">
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

.underline_model {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.center-vertical {
	margin-top: 25px;
}

   .carousel-control.left {
   	   background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
   	
   }
   .carousel-control.right {
   	   background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
   	
   }
body {
	width: 100%;
	height: 100%;
	background-color: rgb(243,243,243);
}
</style>


</head>
<body>

	<div class="container">
		<div class="row ">
			<div class="col-xs-3 col-sm-3">
				<img id="headImg" name="headImg" alt="头像" src="../../images/head.jpg" class="img-circle" 
					width="100" height="100">
			</div> 
 			<div class="col-xs-3 col-sm-3 center-vertical">
				<h4>沪A56896</h4>
				<span class="text-muted">宝马5系</span>
			</div>
			<div class="col-xs-6 col-sm-6">
					<div id="myCarInfos" class="carousel slide">

					</div>
			</div>

		</div>

	</div>
	</div>
	
	<p><p>
	<div class="container">
		<div class="row ">
			<div class="col-xs-12 col-sm-12">
				<div class="btn-group "
					style="background-color: rgb(111, 115, 122);">
					<button type="button" class="btn btn-default btn-sm"
						style="background-color: rgb(111, 115, 122);">
						<img alt="" src="../../images/weizhang.jpg" width="30px"
							height="30px">
						<h5>违章查询</h5>

					</button>
					<button type="button" class="btn btn-default btn-sm"
						style="background-color: rgb(111, 115, 122);">
						<img alt="" src="../../images/weizhang.jpg" width="30px"
							height="30px">
						<h5>保养提醒</h5>
					</button>
					<button type="button" class="btn btn-default btn-sm"
						style="background-color: rgb(111, 115, 122);">
						<img alt="" src="../../images/weizhang.jpg" width="30px"
							height="30px">
						<h5>保险提醒</h5>
					</button>
					<button type="button" class="btn btn-default btn-sm"
						style="background-color: rgb(111, 115, 122);">
						<img alt="" src="../../images/weizhang.jpg" width="30px"
							height="30px">
						<h5>年检提醒</h5>
					</button>
				</div>
			</div>
		</div>
	</div>
	<p>
	<p>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12">
				<a href="./news.html">
					<h4 align="left" style="background-color: rgb(239, 239, 239);">
						<span class="glyphicon glyphicon-volume-up span12"> 暂无最新通知</span>
					</h4>
				</a>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row placeholders">
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="#" class="thumbnail" onclick="to_maintain();"> <img
					src="../../images/1.jpg" width="200" height="200"
					class="img-responsive" alt="Generic placeholder thumbnail">
					<h4>预约养修</h4>
				</a>
			</div>
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="#" class="thumbnail" onclick="to_sosHelp();"> <img
					src="../../images/1.jpg" width="200" height="200"
					class="img-responsive" alt="Generic placeholder thumbnail">
					<h4>紧急救援</h4>
				</a>
			</div>
		</div>

	</div>
	<div class="container">
		<div class="row placeholders">
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="./tMall.html" class="thumbnail"> <img
					src="../../images/1.jpg" width="200" height="200"
					class="img-responsive" alt="Generic placeholder thumbnail">
					<h4>特价商城</h4>
				</a>
			</div>
			<div class="col-xs-6 col-sm-6 placeholder">
				<a href="./carOwnerBook.html" class="thumbnail"> <img
					src="../../images/1.jpg" width="200" height="200"
					class="img-responsive" alt="Generic placeholder thumbnail">
					<h4>车主宝典</h4>
				</a>
			</div>
		</div>
	</div>

	<p>
	<p>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12">
				<a href="tel:13155204309"><h4 align="center"
						style="background-color: lime;">马顾问:13155204309</h4></a>
			</div>
		</div>
	</div>
	<p>
	<p>
	<div class="container">
		<div class="row">
			<div class="col-xs-4 col-sm-4">
				<hr
					style="height: 1px; border: none; border-top: 1px solid #555555;"
					align="right" />
			</div>
			<div class="col-xs-2 col-sm-2">
				<h5 align="right">版权所有</h5>
			</div>
			<div class="col-xs-2 col-sm-2">
				<img src="../../images/yonyou.jpg" class="img-responsive"
					alt="Generic placeholder thumbnail">
			</div>
			<div class="col-xs-4 col-sm-4">
				<hr
					style="height: 1px; border: none; border-top: 1px solid #555555;"
					align="left" />
			</div>

		</div>
	</div>
	
	<input type="hidden" id = "openId" name="openId" value="oQWbqwLt1kF1XeDmFvziFsErNnU8">
	<input type="hidden" id = "brandCode" name="brandCode" value="">
	<input type="hidden" id = "dealerCode" name="dealerCode" value="22152340">
	

	
</body>
<script type="text/javascript">

    $("#myCarInfos").carousel('pause');
</script>
</html>